import React, { useContext } from 'react';
import MyContext from './MyContext';
const MsgList = () => {
  let { list } = useContext(MyContext)
  return (
    // <MyContext.Consumer>
    //   {
    //     (list) => {
    //       // console.log(list)  // 【{}】
    //       return (
    //         <ul>
    //           {list.map((el, i) => {
    //             return <li key={i}>{el.msg}---{el.date}</li>
    //           })}
    //         </ul>
    //       )
    //     }
    //   }
    // </MyContext.Consumer>
    <ul>
      {
        list.map((el, i) => {
          return <li key={i}>{el.msg}---{el.date}</li>
        })
      }
    </ul>
  );
}

export default MsgList;
